<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>login</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
<script src="js/jquery.easydropdown.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	nav: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
</script>

</head>
<body>
    <!-- header-section-starts -->
	<div class="header">
		<div class="top-header">
			<div class="container">
				<div class="header-left">
					<p>Take and Extra 20% OFF with order upto $99</p>
				</div>
				<div class="login-section">
					<ul>
						<li><a href="login.html">登录</a>  </li> |
						<li><a href="register.html">注册</a> </li>
					</ul>
				</div>
				<!-- start search-->
				    <div class="search-box">
					    <div id="sb-search" class="sb-search">
							<form>
								<input class="sb-search-input" placeholder="搜索" type="search" name="search" id="search">
								<input class="sb-search-submit" type="submit" value="">
								<span class="sb-icon-search"> </span>
							</form>
						</div>
				    </div>
					<!-- search-scripts -->
					<script src="js/classie.js"></script>
					<script src="js/uisearch.js"></script>
						<script>
							new UISearch( document.getElementById( 'sb-search' ) );
						</script>
					<!-- //search-scripts -->
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="bottom-header">
			<div class="container">
				<div class="logo">
					<a href="index.html"><h1>运动</h1></a>
				</div>
				<div class="header_bottom_right">
					<div class="h_menu4"><!-- start h_menu4 -->
					<a class="toggleMenu" href="#">菜单</a>
					<ul class="nav">
						<li class="active"><a href="index.html">家</a></li>
						<li><a href="products.html" class="root">篮球</a>
							<ul>
								<li><a href="products.html">配件</a></li>
								<li><a href="products.html">鞋</a></li>
								<li><a href="products.html">T恤</a></li>
								<li><a href="products.html">运动连衣裙</a></li>
								<li><a href="products.html">球</a></li>
								<li><a href="products.html">销售</a></li>
							</ul>
						</li>
						<li><a href="bikes.html">羽毛球</a>
							<ul>
								<li><a href="bikes.html">配件</a></li>
								<li><a href="bikes.html">球拍</a></li>
								<li><a href="bikes.html">运动衣</a></li>
								<li><a href="bikes.html">鞋子</a></li>
								<li><a href="bikes.html">手胶</a></li>
								<li><a href="bikes.html">拍包</a></li>
							</ul>
						</li>
						<li><a href="products.html">高尔夫</a>
							<ul>
								<li><a href="products.html">配件</a></li>
								<li><a href="products.html">鞋</a></li>
								<li><a href="products.html">服装</a></li>
							</ul>
						</li>
							<li><a href="blog.html">联系</a></li>
						</ul>
						<script type="text/javascript" src="js/nav.js"></script>
				</div>
				<!-- end h_menu4 -->
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<!-- header-section-ends -->
	
	<!-- content-section-starts -->
	<div class="content">
		
		<div class="login-page">
			    <div class="dreamcrub">
				<div class="container">
			   	 <ul class="breadcrumbs">
                    <li class="home">
                       <a href="index.html" title="Go to Home Page"><img src="images/home.png" alt=""/></a>&nbsp;
                       <span>&gt;</span>
                    </li>
                    <li class="women">
                       登录
                    </li>
                </ul>
                <ul class="previous">
                	<li><a href="index.html">返回上一頁</a></li>
                </ul>
                <div class="clearfix"></div>
			   </div>
			   </div>
			   <div class="container">
			   <div class="account_grid">
			   <div class="col-md-6 login-left wow fadeInLeft" data-wow-delay="0.4s">
			  	 <h3>初学者</h3>
				 <p>通过在我们的商店创建一个帐户，您将能够更快地完成结账流程，存储多个送货地址，查看和跟踪您的帐户订单等。</p>
				 <a class="acount-btn" href="register.html">创建客户</a>
			   </div>
			   <div class="col-md-6 login-right wow fadeInRight" data-wow-delay="0.4s">
			  	<h3>注册客户</h3>
				<p>如果您有我们的帐户，请登录。</p>
				<form>
				  <div>
					<span>电子邮箱<label>*</label></span>
					<input type="text"> 
				  </div>
				  <div>
					<span>密码<label>*</label></span>
					<input type="text"> 
				  </div>
				  <a class="forgot" href="#">忘记密码</a>
				  <input type="submit" value="登录">
			    </form>
			   </div>	
			   <div class="clearfix"> </div>
			 </div>
		   </div>
</div>
		</div>
	</div>
	<!-- content-section-ends -->
	<!-- footer-section-starts -->
	<div class="footer"> 
		<div class="container">
			<div class="col-md-3 shop">
				<h3>器材商店</h3>
				<ul>
					<li><a href="#">初级爱好者</a></li>
					<li><a href="#">运动者</a></li>
					<li><a href="#">附属品</a></li>
					<li><a href="#">小孩们</a></li>
					<li><a href="#">品牌</a></li>
					<li><a href="#">趋势</a></li>
					<li><a href="#">出售</a></li>
					<li><a href="#">健身教学视频</a></li>
				</ul>
			</div>
			<div class="col-md-3 shop">
				<h3>客服咨询</h3>
				<ul>
					<li><a href="#">常见问题</a></li>
					<li><a href="#">运动者</a></li>
					<li><a href="#">教学视频</a></li>
					<li><a href="#">出售</a></li>
					<li><a href="#">趋势发展</a></li>
				</ul>
			</div>
			<div class="col-md-3 shop">
				<h3>我的</h3>
				<ul>
					<li><a href="#">我的运动</a></li>
					<li><a href="#">我的命令</a></li>
					<li><a href="#">我的购物袋</a></li>
					<li><a href="#">我的购物袋</a></li>
				</ul>
			</div>
			<div class="col-md-3 shop">
				<h3>广受欢迎</h3>
				<ul>
					<li><a href="#">附件</a></li>
					<li><a href="#">品牌</a></li>
					<li><a href="#">常见问题</a></li>
					<li><a href="#">教学视频</a></li>
					<li><a href="#">运动者</a></li>
					<li><a href="#">我的命令</a></li>
				</ul>
			</div>
			<div class="clearfix"></div>
			<div class="copy-rights">
				<p>2020-11-20-马靖雨-张继宽-王雷震-王俊涛</p>
			</div>
		</div>
	</div>
	<!-- footer-section-ends -->

</body>
</html>